<template>
  <div>
    <canvas id="canvas_clock" class="canvas_clock" width="" height=""></canvas>
  </div>
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";
import ClockModel from "@/model/clock";

window.onload = function () {
  new ClockModel("canvas_clock");
};

@Options({})
export default class Clock extends Vue {}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
html,
body,
.canvas_clock {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}
</style>
